<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>海草系统-数据监测</title>
  <meta name="keywords" content="海草客服 海草客服系统 海草营销系统,海草,营销系统,公众号聊天系统,公众号,聊天系统,微营销系统,公众号客服系统,海草软件,智能客服,在
    线客服系统,微信公众号客服系统,公众号助手,公众号自动回复,微信平台,公众号,第三方,客服系统,功能" />
  <meta name="description" content="海草营销系统(海草智能客服)专为微信公众号运营导粉对接打造客服系统,集微信公众号客服系统、公众号粉丝管理、微信公众
    号助手、微信粉丝多次挖掘以及二维码营销等101项强悍功能于一身，微信公众号营销好助手.微信公众号运营用鱼塘软件,开启移动互联网企业营销新模式.提供整套全
    智能化的客户服务、营销服务解决方案，" />
</head>
<link rel="stylesheet" href="static/js/swiper/css/swiper.min.css">
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<link rel="stylesheet" href="static/css/haicao.css">
<script src="static/js/jquery.min.js" type="text/javascript"></script>
<script src="static/js/bootstrap.min.js" type="text/javascript"></script>
<script src="static/js/haicao.js" type="text/javascript"></script>
<script src="static/js/swiper/js/swiper.min.js"></script>
<script>
  var mySwiper = null
</script>
<body>

  <!-- 页面导航 -->
  <div class="header headertwo" id="">
    <div class="navbox">
      <ul class="nav justify-content-end">
        <a href="./index.html">
          <img src="static/images/logo3.png" width="108px" />
        </a>
        <li>
          <a href="./index.html">首页</a>
        </li>
        <li class="more active">
          <a href="javascript:">产品中心</a>
          <span class="hr"></span>
          <ul class="more-navs">
            <li><a href="./Admin.html">公众号管理</a></li>
            <li><a href="./News.html">公众号资讯</a></li>
            <li><a href="./Market.html">广告营销</a></li>
            <li><a href="./Statistics.html">广告统计</a></li>
            <li><a href="./Monitors.html">数据监测</a></li>
          </ul>
        </li>
        <li class="more">
          <a href="javascript:">海草下载</a>
          <span class="hr"></span>
          <ul class="more-navs">
            <li><a href="./Haicao.html">客服聊天系统</a></li>
          </ul>
        </li>
        <li class="more">
          <a href="javascript:">关于海草</a>
          <span class="hr"></span>
          <ul class="more-navs">
            <!-- <li><a href="./Team.html">团队介绍</a></li> -->
            <li><a href="./Contact.html">联系我们</a></li>
            <li><a href="./Dynamic.html">海草动态</a></li>
          </ul>
        </li>
        <li>
          <a href="https://sk.4fl.com.cn/login/index" target="_block">登录</a>
        </li>
        <li class="register">
          <a href="https://sk.4fl.com.cn/login/register?home=1" target="_block">注册</a>
        </li>
      </ul>
    </div>

  </div>

  <!-- 页面主体 -->
  <div class="main">
    <div class="swiper-container" onmouseenter="mySwiper && mySwiper.autoplay.stop()" onmouseleave="mySwiper && mySwiper.autoplay.start()">
      <div class="swiper-wrapper">
        <div class="swiper-slide check-box">
          <h2>微信域名检测</h2>
          <div class="input">
            <div id="urlInput" class="input_item swiper-no-swiping"><textarea placeholder="请输入域名，如：www.baidu.com，可输入多个域名，一行一个"></textarea></div>
            <div id="checkUrl" class="input_button swiper-no-swiping">开始检测</div>
          </div>
          <div class="info swiper-no-swiping">温馨提示：游客可每天免费查询10次，<a href="https://sk.4fl.com.cn/login/register?home=1">注册</a>后每天可免费查询100次。</div>
        </div>
        <div class="section sboxone newsone monitors swiper-slide">
          <div class="content">
            <div class="left">
              <h2 class="title">数据监测</h2>
              <div class="intro">
                <p>· 微信域名检测</p>
                <p>· 微信域名循环检测</p>
                <p>· 广告链接防封</p>
                <p>· 网站安全，我们为您护航</p>
              </div>
              <div class="btnbox">
                <a href="https://sk.4fl.com.cn/check/index" target="_block">免费使用</a>
              </div>
            </div>
            <div class="right">
              <img src="static/images/1/5.png" alt="" srcset="" width="100%">
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-pagination"></div>
    </div>
    <div class="section sboxfour">
      <div class="content">
        <div class="intro">
          <h2>产品功能</h2>
          <p>实时检测域名是否被微信屏蔽拦截，广告链接防封，广告主必备</p>
        </div>
        <ul class="detail">
          <li>
            <img src="static/images/sjjc/1.png" alt="">
            <span>微信域名检测</span>
            <i class="hr"></i>
            <p>自动检测域名是否被微信屏蔽拦截，支持多域名批量检测</p>
          </li>
          <li>
            <img src="static/images/sjjc/2.png" alt="">
            <span>微信域名循环检测</span>
            <i class="hr"></i>
            <p>自动循环检测域名是否被微信屏蔽拦截，长时间不间断检测，一旦被封会第一时间以消息通知用户</p>
          </li>
          <li>
            <img src="static/images/sjjc/3.png" alt="">
            <span>域名防封</span>
            <i class="hr"></i>
            <p>使用微信跳转系统自动切换被微信屏蔽的域名，分散举报，实现完美防封，被封后第一时间通知用户</p>
          </li>
        </ul>
      </div>
    </div>
    <div class="sjjcintro">
      <h2>产品功能</h2>
      <p>实时检测域名是否被微信屏蔽拦截，广告链接防封，广告主必备</p>
    </div>
    <div class="ggyx_tips">
      <div class="text">
        <ul>
          <li>实时了解广告投放情况</li>
          <li>提高广告投放效益</li>
          <li>降低运营成本</li>
          <li>促进粉丝增长</li>
          <li>使广告价值最大化</li>
        </ul>
      </div>
      <img src="static/images/sjjc/4.png" alt="">
    </div>
  </div>

  <div class="footer">
    <div class="footerbox">
      <div class="content">
        <ul class="f1">
          <li>
            <img src="static/images/logo.png" width="55px" height="55px" />
            <div>
              <span>海草</span>
              <span>粉丝收割神器</span>
            </div>
          </li>
          <li>
            <img src="static/images/phone.png" width="24px" height="24px" />
            <p>020-89132012</p>
          </li>
        </ul>
        <ul class="f2">
          <li>海草下载</li>
          <li><a href="./Haicao.html">海草客服系统</a></li>
        </ul>
        <ul class="f2">
          <li>产品功能</li>
          <li><a href="./Admin.html">公众号管理</a></li>
          <li><a href="./News.html">公众号资讯</a></li>
          <li><a href="./Market.html">广告管理</a></li>
          <li><a href="./Statistics.html">广告统计</a></li>
          <li><a href="./Monitors.html">数据监测</a></li>
        </ul>
        <ul class="f2">
          <li>关于海草</li>
          <!-- <li><a href="./Team.html">团队介绍</a></li> -->
          <li><a href="./Contact.html">联系我们</a></li>
          <li><a href="./Dynamic.html">海草动态</a></li>
        </ul>
        <ul class="f3">
          <li>关注海草</li>
          <li><img src="static/images/ewm.png" width="100px" height="100px"></li>
        </ul>
      </div>
      <div class="hr"></div>
      <p class="copy">© 2017 - 2018 ShangNing Inc. All Rights Reserved</p>
    </div>
  </div>
  <div id="result_alert">
    <div class="result_alert">
      <div class="alert_title">
        检测结果
        <div class="close">&times;</div>
      </div>
      <table class="thead">
        <colgroup>
          <col width="60">
          <col>
          <col width="180">
          <col width="150">
        </colgroup>
        <thead>
          <tr>
            <th>序号</th>
            <th>域名</th>
            <th>检测时间</th>
            <th>域名状态</th>
          </tr>
        </thead>
      </table>
      <div class="result_box">
        <table class="tbody">
          <colgroup>
            <col width="60">
            <col>
            <col width="180">
            <col width="150">
          </colgroup>
          <tbody>
            <tr>
              <td>1</td>
              <td>www.baidu.com</td>
              <td>
                <p>2019-9-29 08:52:44</p>
              </td>
              <td type="err">域名正常</td>
            </tr>
            <tr>
              <td>1</td>
              <td>www.baidu.com</td>
              <td>
                <p>2019-9-29 08:52:44</p>
              </td>
              <td type="ok">域名正常</td>
            </tr>
            <tr>
              <td>1</td>
              <td>www.baidu.com</td>
              <td>
                <p>2019-9-29 08:52:44</p>
              </td>
              <td type="nook">域名正常</td>
            </tr>
            <tr>
              <td>1</td>
              <td>www.baidu.com</td>
              <td>
                <p>2019-9-29 08:52:44</p>
              </td>
              <td><span></span></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <script>
    var checkout = [], ckeckTime = 0
    mySwiper = new Swiper('.swiper-container', {
      autoplay: {
        delay: 5000,//1秒切换一次
      },
      // 如果需要分页器
      pagination: {
        el: '.swiper-pagination',
      },
    })
    setTimeout(() => {
      mySwiper.slideNext()
    }, 3000)
    $('#result_alert, .result_alert .close').click(function () {
      $('#result_alert').fadeOut()
    })
    $('.result_alert').click(function (event) {
      event.stopPropagation()
    })
    function showAlert () {
      $('#result_alert').fadeIn()
      $('#result_alert').css('display', 'flex')
    }
    $(function () {
      $('.input_button').click(function() {
        var reg = /((https|http|ftp|rtsp|mms):\/\/)?(([0-9a-z_!~*'().&=+$%-]+:)?[0-9a-z_!~*'().&=+$%-]+@)?(([0-9]{1,3}\.){3}[0-9]{1,3}|([0-9a-z_!~*'()-]+\.)*([0-9a-z][0-9a-z-]{0,61})?[0-9a-z]\.[a-z]{2,6})(:[0-9]{1,4})?((\/?)|(\/[0-9a-z_!~*'().;?:@&=+$,%#-]+)+\/?)/;
        let url = $('.input_item textarea').val()
        let urllist = url.trim().split('\n')
        let noCheck = false
        urllist.some(item => {
          if (item.trim() != '') {
            if (!reg.test(item)) {
              noCheck = item
              return true
            }
          }
        })
        if (noCheck) {
          return alert(noCheck + '不是一个标准的域名')
        }

        urllist = urllist.filter(item => item.trim() != '')
        checkout = []
        urllist.forEach(item => {
          checkout.push({
            url: item,
            time: Date.now(),
            status: 0,
            msg: '正在检查'
          })
        })
        ckeckTime = Date.now()
        renderAlert(checkout)
        startCheck(urllist, ckeckTime)
      })
    })

    function renderAlert(list) {
      let html = ''
      list.forEach((item, index) => {
        html += 
        '<tr><td>'
          + (index+1) +
        '</td><td><p>'
          + item.url +
        '</p></td><td>'
          + formData(item.time) +
        '</td><td><span><span></td></tr>'
      })
      $('.result_box tbody').html(html)
      showAlert()
    }
    function formData (date) {
      return date
    }
    function renderAlertItem (data, index, startTime) {
      if (startTime !== ckeckTime) return
      let item = $($($('.result_box tbody tr')[index]).find('td')[3])
      if (data.status === 200) {
        if (data.result === 1000) {
          item.html(data.msg)
          item.attr('type', 'ok')
        } else if (data.result === 1001) {
          item.html(data.msg)
          item.attr('type', 'nook')
        } else if (data.result === 1002) {
          item.html(data.msg)
          item.attr('type', 'err')
        } else {
          item.html(data.msg || '未知异常')
          item.attr('type', 'err')
        }
      } else {
        item.html(data.msg || '未知异常')
        item.attr('type', 'err')
      }
    }

    function startCheck(urllist, startTime) {
      (function _itrt (index) {
        if (startTime !== ckeckTime) return
        if (index >= urllist.length) {
          ckeckTime = 0
          return 
        }
        let item = urllist[index]
        $.get('https://wx.4fl.com.cn/check?url=' + item, function (res) {
          renderAlertItem(res, index, startTime)
          _itrt(index + 1)
        })
      })(0)
    }
  </script>
</body>

</html>